
.qt-bj{
    background: url(../images/3.jpg);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/*@名字的颜色*/
.m-teal{
    color: #00B5AD !important;
}


/*隐藏容器，释放占用空间*/
.m-dy-xi{
    visibility: hidden !important;
    display: none !important;
}
/*显示容器*/
.m-dy-xs{
    visibility: visible !important;
}


/*透明度*/
.m-opacity-mini{
    opacity: 0.8 !important;
}

/*透明度*/

/*首页导航最右边的上边距*/
.m-margin-sm{
    margin-top: 20px;
}

.m-guDing{
    position: fixed;
z-index: 999;
}

/*导航透明度*/
.m-opacity-mat{
    opacity: 0.7 !important;
}

.m-sf-ffe{
    position: fixed;
    z-index: 999;
}


.m-dw-f{
    padding-top: 5px;
    padding-bottom: 5px;
}
/*中间透明度*/
.m-opacity-map{
    opacity: 0.9 !important;
}

/* 导航的内边距 */
.m-padded-tb-mini{
    /* 一个em就是14个像素，1em=14px 这个框架的样式都加了一个!important */
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

/* 首页好友二维码大小 */
.ewm-dx{
    width: 100px;
}

/*底部的内边距*/
.m-padded-tb-massive{
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}




/*内边距*/
.m-padded-mini{
    padding: 0.2em !important;/*上下左右都给个内边距*/
}
.m-padded-tiny{
    padding: 0.3em !important;/*上下左右都给个内边距*/
}
.m-padded-tiny{
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
}
.m-padded-small{
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}
.m-padded-tb{
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
.m-padded-tb-large{
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}
.m-padded-tb-big{
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
.m-padded-tb-huge{
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}
/*上面都是上下内边距的不同大小，定义好直接用就可以了*/

/*左右内边距*/
.m-padded-lr{
    padding-left: 4em !important;
    padding-right: 4em !important;
}
.m-padded-lr-bq{
    padding-left: 2em !important;
    padding-right: 2em !important;
}
.m-padding-left{
    padding-left: 1em !important;
}
.m-padded-mini{
    padding: 0.2em !important;
}
.m-padded-tiny{
    padding: 0.3em !important;
}
.m-padded{
    padding: 1em !important;
    padding-bottom: 10em !important;
}


/*文本设置*/
.m-text{
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8;
}
.m-text-thin{/* 字体粗细 */
    font-weight: 300 !important;
}
.m-text-spaced{/* 字间距 */
    letter-spacing: 1px !important;
}
.m-text-lined{/* 行间距 */
    line-height: 1.8;
}





/*自定义行内样式*/
.m-inline-bolg{
    display: inline-block !important;
}

/*container容器的最大宽度为72em，垂直居中*/
.m-container{
    max-width: 90em !important;
    margin: auto !important;
}

.m-juZ{
    margin-left: 110px !important;
    color: teal;
}

/*详情页的中间内容最外面容器大小*/
.m-container-small {
    max-width: 60em !important;
    margin: auto !important;
}

.m-container-big{
    max-width: 90em !important;
    margin: auto !important;
}

/*------导航下面的阴影------*/
.m-shadow-small {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;/*某些浏览器的阴影设置*/
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}


/*绝对布局，怎么滑动都显示*/
.m-fixed {
    position: fixed !important;
    z-index: 10 !important;
}
/*靠右底部*/
.m-right-bottom {
    bottom: 0 !important;
    right: 0 !important;
}
/*靠右上面*/
.m-right-top{
    position: absolute;/*相对布局*/
    top:0;
    right: 0;
}




/*外边距*/
.m-margin-tb-tiny{
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}
.m-margin-top{
    margin-top: 1em !important;
}
.m-margin-top-large{
    margin-top: 2em !important;
}
.m-margin-top-small{
    margin-top: 0.5em !important;
}
.m-margin-bottom-small{
    margin-bottom: 0.3em !important;
}





/*------display------*/
.m-inline-block {/*行内样式*/
    display: inline-block !important;
}

/*-----color-----*/
.m-black {
    color: #333 !important;
}
.m-white{
    color: white; !important;
}
.m-teal {
    color: #00B5AD !important;
}
.m-padded-lr-responsive{
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.m-mobile-show {
    display: none !important;/*面包导航图标平时是隐藏的，当屏幕下雨768px的时候就显示*/
}


/*导航右边头像和下拉框*/
.m-zdys{
    background-color: #1b1c1d;
    border: 0px solid black;
    color: white;
}
.m-zdys:hover{
    background-color: #1b1c1d;
    color: white;
}

/*个人中心界面*/
.m-ys-dx{
    width: 300px !important;
    border:none;
}
.m-ys-dx:active{/*当点击时输入框的样式*/
    border:none;
}
.m-width-kd{/*整个table宽度*/
    max-width: 500px !important;
}
.m-ys-pl{
    margin:100px 100px 100px 20px;
    color: #ffffff;
}

/*去掉遮罩层*/
.modal-backdrop {
    position: fixed;
    z-index: 999;
}

.mf-sef-f{
    max-height: 500px;
overflow: auto;
}

#camera{
    font-size: 100px !important;
    left: 30px !important;
    top: 25px !important;
    opacity: 0;
    width: 160px !important;
    height: 200px !important;
    position: absolute !important;
    display:block !important;
    z-index: 999;
}

/*当屏幕最大宽度只有768px，就是当移动端的时候，下面导航才显示*/
@media screen and (max-width: 768px){
    .m-mobile-hide {
        display: none !important;/*隐藏这个标签*/
    }
    .m-mobile-show {
        display: block !important;/*显示这个标签*/
    }
    .m-padded-lr-responsive {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-lr-clear {/*清楚左边右边的内边距*/
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-wide {/*宽度填充满*/
        width: 100% !important;
    }
    .m-xpm-kd a{
       font-size: 5px;
    }

}






